<!--
    A task scheduler that implements Monte-Carlo simulation
 
    Copyright (C) 2011 Systasis Computer Systems, Inc.
 
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.
 
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.
 
    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
    
    $Id: help.html 97 2011-08-14 23:40:04Z jchimene@gmail.com $
-->
<h1>Contents</h1>
<div style="margin-bottom: 10pt;">Click a title to show the topic:</div>
<div style='margin-left: 36pt;'>
    <a href="javascript:reveal('activityEntryTopic')">Activity Entry/Edit</a>
    <!--  -->
    <br>
    <!--  -->
    <a href="javascript:reveal('chartTopic')">Gantt Chart</a>
    <!--  -->
    <br>
    <!--  -->
    <a href="javascript:reveal('menuTopic')">Menu Options</a>
    <p>There are two schedule types:
    <ul>
        <li>Volatile Schedule <br> The schedule as displayed on the screen.</li>
        <li>Secondary Schedule <br> The schedule as saved to local storage. Your browser must support <a
            href="http://en.wikipedia.org/wiki/Web_Storage#Local_and_session_storage" target="_blank">local storage</a>
    </ul>
    </p>
</div>
<hr align="center">
<div id="activityEntryTopic" class="visible">
    <h2 id="activityEntry">Activity Entry/Edit</h2>
    <div style="margin-left: 18pt;">
        <h3>Basic keyboard navigation</h3>
        <ul>
            <li>Arrow keys
                <ul>
                    <li>When a cell does not have focus:
                        <ul>
                            <li>Left/Right arrow keys to navigate to cells within the current row, enter to focus <br>OR<br>
                            </li>
                            <li>Up/Down arrow keys to navigate to cells in other rows, enter to focus</li>
                        </ul></li>

                    <li>When a cell does have focus, arrow keys move among characters the cell</li>
                </ul> <br>OR<br> <br>
            </li>
            <li>Mouse
                <ul>
                    <li>Left click at any time on a cell to select, Left click again to focus</li>
                </ul></li>
        </ul>
        <h3>Activity Entry</h3>
        <ul>
            <li>Enter all activity names first<br> Don't worry about activity order. The scheduler does not implement a
                work breakdown structure, which means there is no task hierarchy.</li>
            <li>Enter <b>predecessors</b><br>Enter the predecessors as a comma-separated list of activity id. Initial
                activities do not have predecessors.</li>
            <li>Enter <b>likely</b> duration<br>Provide the duration you believe this task requires. This will
                automatically set best and worst activity durations.
                <ul>
                    <li><b>Best</b> duration will default to 90% of the likely duration. Update this value if appropriate.</li>
                    <li><b>Worst</b> duration will default to 110% of the likely duration. Update this value if appropriate.</li>
                </ul></li>
        </ul>
        <h3>Activity Edit</h3>
        <ul>
            <li>To delete an activity: click the checkbox in the first column<br>This will update predecessor lists for
                the activity just removed</li>
        </ul>
    </div>
</div>
<hr align="center">
<div id="chartTopic" class="hidden">
    <h2 id="chart">Gantt Chart</h2>
    <div style="margin-left: 18pt;">
        Produce a Gantt chart using the volatile schedule
        <p>Legend:
        <ul>
            <li><span style="color: white; background-color: #b22222;">&nbsp;Task is on critical path&nbsp;</span><br /> <br />
            </li>
            <li><span style="color: black; background-color: #ffa500;">&nbsp;Task has slack&nbsp;</span>
            </li>
        </ul>
    </div>
</div>
<hr align="center">
<div id="menuTopic" class="hidden">
    <h2 id="menu">Menu Options</h2>
    <div style="margin-left: 18pt;">
        There are three menu options:
        <table>
            <tr>
                <td width="20%" valign="top"><b>File</b>
                </td>
                <td>
                    <table>
                        <tr>
                            <td colspan=2>This menu item has three sub-items</td>
                        </tr>
                        <tr>
                            <td valign="top"><b>New Schedule</b></td>
                            <td>Erase the volatile schedule. <br>This does not affect any saved schedules</td>
                        </tr>
                        <tr>
                            <td valign="top"><b>Load Previous Schedule</b></td>
                            <td>Load the volatile schedule from secondary schedule</td>
                        </tr>
                        <tr>
                            <td valign="top"><b>Save Schedule</b></td>
                            <td>Save the volatile schedule to secondary schedule</td>
                        </tr>
                        <tr>
                            <td colspan=2>&nbsp;</td>
                        </tr>
                    </table></td>
            </tr>
            <tr>
                <td width="20%" valign="top"><b>View</b>
                </td>
                <td>Produce a Gantt chart using the volatile schedule</td>
            </tr>
            <tr>
                <td width="20%" valign="top"><b>Help</b>
                </td>
                <td>Use this option to:
                    <ul>
                        <li>Load a sample schedule</li>
                        <li>Display this help text</li>
                        <li>Obtain software version information</li>
                    </ul></td>
            </tr>
            <tr>
                <td colspan=2>&nbsp;</td>
            </tr>
        </table>
    </div>
</div>
